@import "~assets/css/less.less";

body {
    background-color : #fff;color: 000;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
}
a:focus{
    text-decoration: none !important;
}
.descBox{
    margin: 140px auto 100px; position: relative;padding: 0 30px; overflow: hidden;
    hr{border: 0;border-bottom: 1px solid #E9E9E9;}
    .descBox-main{
        width: 100%;float: left;
        .title{
            font-size: 18px;color: #000;
            &:before{content: '';display: inline-block;width: 0;height: 16px;vertical-align: middle;border-left: 3px solid #4C6E9D;margin-right: 10px;}
        }
    }
    .descBox-cnt{
        width: 100%;font-size: 16px;line-height: 30px;color: #000;
        p{text-indent: 2em;}
        em{font-style: normal;color: #4C6E9D;}
        .imgbox{
            text-align: center;
            img{max-width: 100%;vertical-align: middle;}
        }
        a{text-decoration: none;color: #4C6E9D;}
    }
    .descBox-history{
        width: 100%;margin-top: 30px;border-bottom: 1px solid #E9E9E9;margin-bottom: 40px;
        .descBox-history-group{
            display: block;padding: 0 0 30px 128px;position: relative;
            em{position: absolute;left: 0;top: 0;font-style: normal;font-size: 16px;line-height: 30px;color: #4C6E9D;background: #fff;z-index: 1;}
            p{
                font-size: 16px;line-height: 30px;
                span{margin-right: 14px;float: left;}
            }
            &:before{content: '';width: 0;height: 100%;position: absolute;left: 20px;top: 30px;border: 1px solid #E9E9E9;}
            &:last-child:before{display: none;}
        }
    }
    .descBox-contact{
        width: 100%;margin-top: 30px;
        .descBox-contact-group{
            font-size: 16px;border-bottom: 1px solid #E9E9E9;padding-bottom: 40px;margin-bottom: 15px;
            &:last-child{border: 0;padding: 0;}
            dt{line-height: 40px;}
            dd{
                line-height: 30px;
                a{text-decoration: none;color: inherit;}
                em{color: #4C6E9D;font-style: normal;}
            }
        }
    }
    .descSlide{
        position: relative;width: 190px;color: #5C6066;float: right;
        .descSlideBox{position: fixed;}
        .descSlide-nav{
            p{
                padding: 7px 0;height: 26px;line-height: 26px;

            }
            a{
                font-size: 16px;display: inline-block;height: 26px;color: inherit;text-decoration: none;padding-left: 10px;position: relative;vertical-align: top;
                &:before{content: '';position: absolute;left: 0;top: 0;width: 0;height: 26px;}
            }
            a.active{color: #4C6E9D;border-left: 3px solid #4C6E9D;}
        }
        .to-top{font-size: 13px;line-height: 26px;color: inherit;margin-top: 60px;display: inline-block;cursor: pointer;}
    }
    .descBox-bottom{
        font-size: 16px;line-height: 30px;color: #000;
        a{color: #4C6E9D;text-decoration: none;font-size: inherit;}
    }
}
@media (min-width: 940px){
    .descBox{max-width: 940px;}
    .descBox-main{max-width: 640px;}
    .descSlide{right: 50px;}
}
@media (max-width: 900px){
    .descBox{padding: 0 50px; margin: 80px auto 50px;}
    .descSlide{display: none;}
}
